var htmlWP = require('html-webpack-plugin')
module.exports = {
	entry:'./src/main.js',//指定打包的入口文件
	output:{
		path:__dirname+'/dist',
		filename:'build.js'
	},
	module:{
		loaders:[
			{
				test:/\.css$/,
				loader:'style-loader!css-loader',//从右边向左边调用
			},
			{
				test:/\.less$/,
				loader:'style-loader!css-loader!less-loader'
			},
			{
				test:/\.js$/,
				loader:'babel-loader',
				exclude:/node_modules/,//node_modules文件夹的js不去转换，提高打包性能
			},
			{
            	test: /.vue$/,  // 解析 .vue 组件页面文件
            	loader:'vue-loader' 
   			},
   			{
   				test: /\.(png|jpg|gif|ttf)$/,
                loader:'url-loader?limit=10000'
                // 对于比较小的图片资源可以使用limit进行限制 转换成base64字符串内嵌到js代码中
                // 对于超过限制的图片才转成URL进行网络请求
   			}
		],
		
	},
	babel:{
		presets:['es2015'],
		plugins:['transform-runtime']
	},
	plugins:[
		new htmlWP({
		    title: '首页',  //生成的页面标题
            filename: 'index.html', //webpack-dev-server在内存中生成的文件名称，自动将build注入到这个页面底部，才能实现自动刷新功能
            template: 'template.html' //根据template.html这个模板来生成(这个文件请程序员自己生成)
		})
	]
}
